<template>
	<view :style="{paddingTop: getters.globalData.navHeight + 'px'}">
	
		<!-- navbar -->
		<coustomNavbar ref="coustomNavbarRef"/>
		
		<view style="margin-top: 200px;">popupLoginShow={{getters.popupLoginShow}}</view>
		
		登录弹窗示例
		<view style="width:500rpx; margin: 0 auto">
			<u-button type="primary" size="small" text="显示登录-store.commit" @click="showHideLogin(true)"></u-button>
			<view style="margin-top: 20px;">-------</view>
			<u-button type="success" size="small" text="隐藏登录-store.commit" @click="showHideLogin(false)"></u-button>
			<view style="margin-top: 20px;">-------</view>
			<u-button type="primary" size="small" text="显示登录-store.dispatch" @click="showHideLogin2(true)"></u-button>
			<view style="margin-top: 20px;">-------</view>
			<u-button type="success" size="small" text="隐藏登录-store.dispatch" @click="showHideLogin2(false)"></u-button>
		</view>
		
		<div>555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		<view style="padding: 20px;">
			<u-button type="primary" text="确定"></u-button>
			<u-button type="primary" :plain="true" text="镂空"></u-button>
			<u-button type="primary" :plain="true" :hairline="true" text="细边"></u-button>
			<u-button type="primary" :disabled="true" text="禁用"></u-button>
			<u-button type="primary" loading loadingText="加载中"></u-button>
			<u-button type="primary" icon="map" text="图标按钮"></u-button>
			<u-button type="primary" shape="circle" text="按钮形状"></u-button>
			<u-button text="渐变色按钮" color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"></u-button>
			<u-button type="primary" size="small" text="大小尺寸"></u-button>
		</view>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		555555555555555555555555555555555555<br/>
		</div>
		
		<!-- 全局tabbar组件 -->
		<coustomTabbar ref="coustomTabbarRef"/>
	</view>
	
</template>

<script>
	export default {
		name: "index",
		props: {},
		computed: {
			getters: function(){
				return this.$store.getters
			}
		},
		data() {
			return {
			}
		},
		onLoad() {
			console.log('this.getters', this.getters)
		},
		methods: {
			//显示，隐藏 登录 -- commit
			showHideLogin(isShow = false){
				this.$store.commit('setLoginShow', isShow);
			},
			//显示，隐藏 登录 --dispatch
			showHideLogin2(isShow = false){
				this.$store.dispatch('setLoginShow', isShow);
			},
		},
	}
</script>